<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--引入一个css文件-->
    <link    rel="stylesheet" href="http://at.alicdn.com/t/font_1241747_owbw6e3mt3i.css">
    <!--引入本地CSS文件-->
    <link rel="stylesheet" href="../css/diyike.css">
</head>
<body>
<!--标题标签-->
<h1>阿燕</h1>
<h2>阿芳</h2>
<h3>阿隆</h3>
<h4>阿雨</h4>
<h5>阿金</h5>
<h6>阿清</h6>
<span>孙晓雨</span><br>


<!--图片标签-->
<img src="../img/dong_074d421391cb1506ebb3744155d2a809.gif">
<!--段落标签-->
<p>
    啊啊啊啊啊啊啊啊啊
</p>
<!--超链接标签-->
<!--点字跳图片-->
<a href="https://www.baidu.com/?tn=21002492_21_hao_pg">
    点击
</a><br>
<!--超链接标签-->
<!--点图片跳网址-->
<a href="https://www.baidu.com/?tn=21002492_21_hao_pg">
<img src="../img/dong_074d421391cb1506ebb3744155d2a809.gif">
</a><br>
<!--斜体标签-->
<em>
    lalala
</em><br>
<!--下划线标签-->
<U>
    哟哟哟哟
</U><br>
<!--删除线-->
<del>
    哈哈哈
</del><br>
<!--分割线-->
<hr>分分分
<!--图标标签-->
<i class="iconfont iconfontqicheqianlian-">
</i>
<!--无序列表-->
<ul>
    <li>无序</li>
    <li>无序</li>
    <li>无序</li>
    <li>无序</li>
</ul>
<!--有序标签-->
<ol>
    <li>有序</li>
    <li>有序</li>
    <li>有序</li>
    <li>有序</li>
</ol>
<!--表格标签 border加边框  thead表头  tr是行 th是列 -->
<table border="1">
<thead>

<tr>
    <th>序号</th>
    <th>摘要</th>
    <th>数量</th>
    <th>合计</th>
</tr>
</thead>
    <!--tbody是表身  tr是行 td是列 -->
    <TBODY>
    <tr>
        <td>1</td>
        <td>苹果</td>
        <td>6</td>
        <td>6</td>
    </tr>
    <tr>
        <td>2</td>
        <td>香蕉</td>
        <td>8</td>
        <td>8</td>
    </tr>
    <tr>
        <td>3</td>
        <td rowspan="2">杨梅</td>
        <td>666</td>
        <td>666</td>
    </tr>
    <tr>
        <td>4</td>
        <td>666</td>
        <td>666</td>
    </tr>
    </TBODY>
    <!--tfoot是表尾 tr是行 td是列 合并列用colspan   合并行用rowspan-->
<tfoot>
<tr>
    <td colspan="3">总计</td>
    <td>888</td>
</tr>

</tfoot>
</table>
<form>
<!--文本输入框-->
<input type="text" placeholder="请输入用户名">
<!--密码输入框-->
<input type="password" placeholder="请输入密码">
<!--颜色输入框-->
<input type="color">
<!--普通按钮 加字再加value-->
<input type="button" value="按钮"/>
<button>加字按钮</button>
<!--单选框 加名字-->
<input type="radio" name="a">
<input type="radio" name="a">
<!--多选框默认打钩加checked-->
<input type="checkbox">
<!--段落输入框-->
<input type="tectarea">
<!--下拉选择器-->
<select>
    <option>两个</option>
    <option>三个</option>
    <option>四个</option>
</select>
<!--提交按钮  禁用disabled-->
<input type="submit">
<!--重置按钮-->
<input type="reset">
</form>

</body>
</html>